<div id="Idiomas" class="ajaxified">
    <div id="lista-manejo-idiomas">
        <table class="normal" id="tabla-manejo-idiomas">
            <thead>
                <tr>
                    <th>Idioma</th>
                    <th>Lectura</th>
                    <th>Escritura</th>
                    <th>Conversaci&oacute;n</th>
                    <th style="width:200px;"></th>
                </tr>
            </thead>
            <tbody>
                {foreach $manejoIdiomas as $idioma}
                <tr id="{$idioma@index}">
                    <td>
                        <span class="nombre-idioma" name="{$idioma->getIdioma()->getCodigoIdioma()}">{$idioma->getIdioma()->getDescripcion()}</span>
                    </td>
                    <td>
                        <span class="lee-idioma" name="{$idioma->getLee()}">{$nivelesIdiomas[$idioma->getLee()]}</span>
                    </td>
                    <td>
                        <span class="escribe-idioma" name="{$idioma->getEscribe()}">{$nivelesIdiomas[$idioma->getEscribe()]}</span>
                    </td>
                    <td>
                        <span class="habla-idioma" name="{$idioma->getHabla()}">{$nivelesIdiomas[$idioma->getHabla()]}</span>
                    </td>
                    <td>
                        <button
                            id="{$idioma@index}"
                            name="CodigoInterno={$idioma->getManejoIdiomasPk()->getCodigoInterno()}&CodigoIdioma={$idioma->getManejoIdiomasPk()->getCodigoIdioma()}"
                            class="edit-idioma i_pencil icon small">Editar
                        </button>

                        <button
                            name="CodigoInterno={$idioma->getManejoIdiomasPk()->getCodigoInterno()}&CodigoIdioma={$idioma->getManejoIdiomasPk()->getCodigoIdioma()}"
                            class="delete-idioma i_trashcan icon small"> Borrar
                        </button>
                    </td>
                </tr>
                {foreachelse}
                <tr>
                    <td colspan="6">
                        No se ha registrado informaci&oacute;n.
                    </td>
                </tr>
                {/foreach}
            </tbody>
        </table>
    </div>

    <form method="post" action="{$addIdiomas}" id="manejo-idiomas" class="form-validate">
        <fieldset id="editor">
            <label id="add-idioma"> Agregar Idioma</label>
            <input type="hidden" name="CodigoInterno" value="{$student->getCodigoInterno()}"/>
            <dl>
                <label>Idioma</label>
                <div>
                    <select name="CodigoIdioma">
                        {foreach $idiomas as $idioma}
                        <option value="{$idioma->getCodigoIdioma()}">
                                {$idioma->getDescripcion()}
                        </option>
                        {/foreach}
                    </select>
                </div>
            </dl>
            <dl>
                <label>Lectura</label>
                <div>
                        {html_options options=$nivelesIdiomas name="LeeIdioma"}
                </div>
            </dl>
            <dl>
                <label>Escritura</label>
                <div>
                        {html_options options=$nivelesIdiomas name="EscribeIdioma"}
                </div>
            </dl>
            <dl>
                <label>Conversaci&oacute;n</label>
                <div>
                        {html_options options=$nivelesIdiomas name="HablaIdioma"}
                </div>
            </dl>
            <dl>
                <label></label>
                <div>
                    <button id="add-idioma-button" class="i_plus icon small" >Guardar</button>
                    <button id="cancel-idioma-button" class="i_exclamation icon small" >Cancelar</button>
                </div>
            </dl>

        </fieldset>
    </form>
</div>

<script type="text/javascript" >
    //URLs for adding and editing
    var add = "{$addIdiomas}";
    var edit = "{$editIdiomas}";
    var Delete = "{$deleteIdiomas}";
    {literal}
jQuery.noConflict();
jQuery(document).ready(function($){

    $(".edit-idioma").live("click", function(){
        var row = $(this).parents("tr");
        //Copiar las caracteristicas del empleo que sera editado.
        var CodigoIdioma = row.find('.nombre-idioma').attr("name");
        var LeeIdioma = row.find('.lee-idioma').attr("name");
        var EscribeIdioma = row.find('.escribe-idioma').attr("name");
        var HablaIdioma = row.find('.habla-idioma').attr("name");

        var $form = $("#manejo-idiomas");
        $form.find('select[name="CodigoIdioma"]').val(CodigoIdioma).attr("disabled", "disabled");
        $form.find('select[name="LeeIdioma"]').val(LeeIdioma);
        $form.find('select[name="EscribeIdioma"]').val(EscribeIdioma);
        $form.find('select[name="HablaIdioma"]').val(HablaIdioma);

        $("#manejo-idiomas").attr("action", edit);
        return false;
    });

    $("#cancel-idioma-button").click(function(){
        clearForm();
        return false;
    });

    function clearForm(){
        var $form = $("#manejo-idiomas");
        $("#manejo-idiomas").attr("action", add);
        $form.find('select[name="CodigoIdioma"]').val("1").removeAttr("disabled");
        $form.find('select[name="LeeIdioma"]').val("");
        $form.find('select[name="EscribeIdioma"]').val("");
        $form.find('select[name="HablaIdioma"]').val("");
    }

    $("#manejo-idiomas").submit(function(){
        $(this).find('select[name="CodigoIdioma"]').removeAttr("disabled");
        var url = $(this).attr("action") + "&ajax=true";
        var data = $(this).serialize();

        $.ajax({
          type: 'POST',
          url: url,
          data: data,
          success: function(result){
                $("#Idiomas").parent().html(result);
            },
            beforeSend: beforeSend,
            cache: false
        });
        return false;
    });

    $(".delete-idioma").live("click", function(){
        var data = $(this).attr("name");

        $.ajax({
          url: Delete,
          type:"post",
          success: function(result){
                $("#Idiomas").parent().html(result);
            },
          data:data,
          beforeSend: beforeSend,
          cache: false
        });
        return false;
    });
});//lista-manejo-idiomas
    {/literal}
</script>